<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<!-- 引入组件 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>
	</head>
	<body>
		<div id="app">
			<header>
				<van-cell id="cell" size="large" title="  " value="未登录" is-link icon="https://tvax4.sinaimg.cn/crop.0.0.888.888.180/006Dh9Zbly8ft1i9uqjjkj30oo0oo0ue.jpg" style="background-color: red;"></van-cell>
			</header>
			<section>
				<van-row class="user-links" style="padding-top: 90px; font-size: 15px; padding-left: 15px; ">
				      <van-col span="6">
				        <van-icon name="pending-payment"/>
				        待付款
				      </van-col>
				      <van-col span="6">
				        <van-icon name="records"/>
				        待接单
				      </van-col>
				      <van-col span="6">
				        <van-icon name="comment-o"/>
				        待评论
				      </van-col>
				      <van-col span="6">
				        <van-icon name="notes-o"/>
				        我的订单
				      </van-col>
                <van-row>
				<van-cell title="个人资料" icon="contact" is-link></van-cell>
				<van-cell title="收货地址" icon="location-o" is-link></van-cell>
				<van-cell title="我的收藏" icon="like-o" is-link></van-cell>
				<van-cell title="设置" icon="setting-o" is-link></van-cell>
			</section>
			<footer>
				<van-tabbar>
					<van-tabbar-item icon="home-o">首页</van-tabbar-item>
					<van-tabbar-item icon="apps-o">分类</van-tabbar-item>
					<van-tabbar-item icon="shopping-cart-o">购物车</van-tabbar-item>
					<van-tabbar-item icon="contact">个人中心</van-tabbar-item>
				</van-tabbar>
			</footer>
		</div>
		<script>
			var vm=new Vue({
				el:"#app",
				data:{
					
				}
			})
		</script>
	</body>
</html>
